<div id="toast-success" class="toast hide border-success" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="800">
    <div class="toast-header text-light bg-success">
        <strong id="toast-success-text" class="me-auto">操作成功!</strong>
        <button type="button" class="btn-close float-right" data-bs-dismiss="toast" aria-label="Close"></button>
    </div>
</div>

<div id="toast-fail" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="800">
    <nav class="toast-header text-light bg-danger">
        <strong id="toast-fail-text" class="me-auto">操作失败! </strong>
        <button type="button" class="btn-close float-right" data-bs-dismiss="toast" aria-label="Close"></button>
    </nav>
</div>

<div id="toast-warning" class="toast hide border-warning" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="1500">
    <div class="toast-header text-light bg-warning">
        <span id="toast-warning-text" class="me-auto">提示信息!</span>
        <button type="button" class="btn-close float-right" data-bs-dismiss="toast" aria-label="Close"></button>
    </div>
</div>